@(title: String)(content: => Html)
<!DOCTYPE html>
<html>
    <head>
        <title>@title</title>
        
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,700,900,700italic,500italic' rel='stylesheet' type='text/css'>
        
        <!-- StyleSheet --!>
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
        <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
        <link rel="stylesheet" href="@routes.Assets.at("stylesheets/bootstrap.min.css")">
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/perfect-scrollbar.css")">
        <link rel="stylesheet" href="@routes.Assets.at("stylesheets/style.css")">
        <link rel="stylesheet" href="@routes.Assets.at("stylesheets/flexslider.css")" type="text/css" media="screen" />
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/fontello.css")">
		<link rel="stylesheet" type="text/css" href="@routes.Assets.at("stylesheets/settings.css")" media="screen" />
   		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/animation.css")">
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/owl.carousel.css")">
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/owl.theme.css")">
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/chosen.css")">
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/select.css")">
		<link rel="stylesheet" href="@routes.Assets.at("stylesheets/jquery.fancybox.css")">
        <link rel="stylesheet" href="@routes.Assets.at("stylesheets/jquery.nouislider.min.css")">
        
        <!-- JavaScript --!>
        <script src="@routes.Assets.at("javascripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
    </head>
    <body>
    	<!-- Container --!>
    	<div class="container">
    	
    		<!-- Header --!>
    		<header class="row">
    			<div class="col-lg-12 col-md-12 col-sm-12">
    				@blocks.header.top_header()
    				@blocks.header.main_header()
    				@blocks.header.main_navigation()
    			</div>
    		</header>
    		<!-- Header --!>
        	
        	<div class="row content">
        		@content
        	</div>        
        		
        	@blocks.banner()
        	        	
        	<footer id="footer" class="row"> 
        		@blocks.footer.upper_footer()
        		@blocks.footer.main_footer()
        		@blocks.footer.lower_footer()
        	</footer>
       		
       		<div id="back-to-top">
            	<i class="icon-up-dir"></i>
            </div>
            
        </div>
        <!-- /Container --!>
        
        <!-- JavaScript -->
		<script src="@routes.Assets.at("javascripts/modernizr.min.js")"></script>
		<script src="@routes.Assets.at("javascripts/jquery-1.11.0.min.js")"></script>
		<script type="text/javascript" src="@routes.Assets.at("javascripts/jquery-ui.min.js")"></script>
        <script type="text/javascript" src="@routes.Assets.at("javascripts/jquery.raty.min.js")"></script>
		
		<!-- Scroll Bar -->
		<script src="@routes.Assets.at("javascripts/perfect-scrollbar.min.js")"></script>
		
		<!-- Cloud Zoom -->
		<script src="@routes.Assets.at("javascripts/zoomsl-3.0.min.js")"></script>
		
		<!-- FancyBox -->
		<script src="@routes.Assets.at("javascripts/jquery.fancybox.pack.js")"></script>
		
		<!-- jQuery REVOLUTION Slider  -->
		<script type="text/javascript" src="@routes.Assets.at("javascripts/jquery.themepunch.plugins.min.js")"></script>
		<script type="text/javascript" src="@routes.Assets.at("javascripts/jquery.themepunch.revolution.min.js")"></script>

		<!-- FlexSlider -->
		<script defer src="@routes.Assets.at("javascripts/flexslider.min.js")"></script>
		
		<!-- IOS Slider -->
		<script src = "@routes.Assets.at("javascripts/jquery.iosslider.min.js")"></script>
		
		<!-- noUi Slider -->
		<script src="@routes.Assets.at("javascripts/jquery.nouislider.min.js")"></script>
		
		<!-- Owl Carousel -->
		<script src="@routes.Assets.at("javascripts/owl.carousel.min.js")"></script>
		
		<!-- Cloud Zoom -->
		<script src="@routes.Assets.at("javascripts/zoomsl-3.0.min.js")"></script>
		
		<!-- SelectJS -->
        <script src="@routes.Assets.at("javascripts/chosen.jquery.min.js")" type="text/javascript"></script>
        
        <!-- Main JS -->
        <script defer src=""@routes.Assets.at("javascripts/bootstrap.min.js")"></script>
        <script src="@routes.Assets.at("javascripts/main-script.js")"></script>
        
    </body>
</html>